<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->  
<head>
    <title>LEP | Linux performance profiling and visualization application</title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">    
    <link rel="shortcut icon" href="favicon.ico">  
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> 
    <!-- Global CSS -->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
    <!-- Plugins CSS -->    
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="assets/plugins/prism/prism.css">
    <!-- Theme CSS -->  
    <link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head> 

<body data-spy="scroll">
    
    <!-- ******HEADER****** --> 
    <header id="header" class="header">  
        <div class="container">            
            <h1 class="logo pull-left">
                <a class="scrollto" href="#promo">
                    <span class="logo-title">LEP</span>
                </a>
            </h1><!--//logo-->              
            <nav id="main-nav" class="main-nav navbar-right" role="navigation">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                    </button><!--//nav-toggle-->
                </div><!--//navbar-header-->            
                <div class="navbar-collapse collapse" id="navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active nav-item sr-only"><a class="scrollto" href="#promo">Home</a></li>
                        <li class="nav-item"><a class="scrollto" href="#features">Features</a></li>
                        <li class="nav-item"><a class="scrollto" href="#faqs">FAQ's</a></li>
                        <li class="nav-item"><a class="scrollto" href="#tutorial">Tutorial</a></li>
                        <li class="nav-item"><a class="scrollto" href="#presentation">Presentations</a></li>
                        <li class="nav-item last"><a class="scrollto" href="#about">About</a></li>
                    </ul><!--//nav-->
                </div><!--//navabr-collapse-->
            </nav><!--//main-nav-->
        </div>
    </header><!--//header-->
    
    <!-- ******PROMO****** -->
    <section id="promo" class="promo section offset-header">
        <div class="container text-center">
            <h2 class="title"><span class="highlight">L</span>inux <span class="highlight">E</span>asy <span class="highlight">P</span>rofiling</h2>
            <p class="intro">An open-sourced all-in-one toolbox</p>
            <p class="intro">for Linux/Android performance profiling & visualization</p>
            <div class="btns">
                <!-- <a class="btn btn-cta-secondary" href="http://www.linuxep.com:8889" target="_blank">Demo</a> -->
                <a class="btn btn-cta-primary" href="https://github.com/linuxep" target="_blank">View on GitHub</a>
            </div>
        </div><!--//container-->
        <br/>
    </section><!--//promo-->
    
    <!-- ******ABOUT****** --> 
    <section id="features" class="about section">
        <div class="container">
            <h2 class="title text-center">Features</h2>
            <div class="row">
                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-link"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">C/S</h3>
                        <p>Friendly for embedded board</p>
                    </div><!--//content-->
                </div><!--//item-->
                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-chrome"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Web Based</h3>
                        <p>Data presented in web page</p>
                    </div><!--//content-->
                </div><!--//item-->
                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-line-chart"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Visualized</h3>
                        <p>Data presented visually</p>
                    </div><!--//content-->
                </div><!--//item-->           
                <div class="clearfix visible-md"></div>    
                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-clock-o"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Realtime</h3>
                        <p>Data presented in real time</p>
                    </div><!--//content-->
                </div><!--//item-->                
                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-code"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Cross Architecture</h3>
                        <p>Support both x86 and ARM architecture</p>
                    </div><!--//content-->
                </div><!--//item-->
                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-coffee"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Rest API Available</h3>
                        <p>Rest API provided for extensibility </p>
                    </div><!--//content-->
                </div><!--//item-->
                <div class="clearfix visible-md"></div>
                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-tablet"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Dockerized</h3>
                        <p>Dockerized for easy use</p>
                    </div><!--//content-->
                </div><!--//item-->
                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-github"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Open Source</h3>
                        <p>Open sourced and free to use</p>
                    </div><!--//content-->
                </div><!--//item-->

                <br/>
                
                <div class="text-center">
                    <div>
                        <img src="media/architecture.png" alt="LEP Architecture Diagram">
                    </div>

                    <br/>
                    <div>
                        <img src="media/dataflow.png" alt="LEP Dataflow Diagram">
                    </div>
                </div>
            </div><!--//row-->            
        </div><!--//container-->
    </section><!--//about-->
    
    <!-- ******FEATURES****** --> 
    <section id="faqs" class="features section">
        <div class="container text-center">
            <h2 class="title">FAQ's</h2>
            <ul class="feature-list list-unstyled">
                <li><i class="fa fa-question-circle"></i> Does it support Android?</li>
                <li><i class="fa fa-commenting"></i> Yes, it supports both Android and Linux</li>
                <br/>
                
                <li><i class="fa fa-question-circle"></i> Does it support ARM?</li>
                <li><i class="fa fa-commenting"></i> Yes, it supports both X86 and ARM</li>
                <br/>
                
                <li><i class="fa fa-question-circle"></i> Is LEP free to use?</li>
                <li><i class="fa fa-commenting"></i> Yes, it's GPL V2 licensed, anyone can use or modify it everywhere without any restrictions.</li>
            </ul>
        </div><!--//container-->
    </section><!--//features-->
    
    <!-- ******DOCS****** --> 
    <section id="tutorial" class="docs section">
        <div class="container">
            <div class="docs-inner">
            <h2 class="title text-center">Tutorial</h2>            
            <div class="block">
                <p>Quick Start</p>
                <div class="code-block">
                    <!--//Use Prismjs - http://prismjs.com/index.html#basic-usage -->
                    <pre><code class="language-markup">
[LEPD (LEP Daemon)]:
# Download the pre-built LEPD binaries:
    - For X86:
    curl -o lepd http://www.linuxep.com/binaries/x86-lepd
    - For ARM:
    curl -o lepd http://www.linuxep.com/binaries/arm-lepd                    

# Run LEPD with root permission
    sudo ./lepd &

[LEPV (LEP Viewer)]:

Notice: Now we only support *64bit* machines

# Install Docker if you have not yet.
https://www.docker.com/

# Run the docker command below:
docker run -t -p 8889:8889 linuxep/lepv

# Now Open up your favorite browser and navigate to:
http://localhost:8889                        
                     </code></pre>

                    <br/>
                    <p>Advanced Usage( for developers )</p>
                    <div class="code-block">
                        <!--//Use Prismjs - http://prismjs.com/index.html#basic-usage -->
                    <pre><code class="language-markup">
[LEPD (LEP Daemon)]:
# Clone the latest LEPD code from Github
    git clone https://github.com/linuxep/lepd

# Build the binary
    - For X86:
        apt-get install libev-dev 
        apt-get install linux-tools-common linux-tools-generic linux-tools-`uname -r`
        apt-get install libncurses5-dev
        make ARCH=x86
    - For ARM:
        apt-get install gcc-arm-linux-gnueabi
        make ARCH=arm

# Run LEPD with root permission
    sudo ./lepd &
                        
[LEPV (LEP Viewer]:

Notice: Now we only support *64bit* machines

# Clone the latest LEPV code from Github
git clone https://github.com/linuxep/lepv.git

# Run a script from root directory to build the Docker image
./buildDockerImage.sh

# Start a Docker container
./runDockerContainer.sh

# Now Open up your favorite browser and navigate to:
http://localhost:8889
                    </code></pre>
                </div><!--//code-block-->
            </div><!--//block-->
            
            
            </div><!--//docs-inner-->         
        </div><!--//container--></div>
    </section><!--//features-->

        <!-- ******Screenshots****** --> 
        <section id="screenshots" class="about section">
            <div class="container">
                <h2 class="title text-center">Screenshots</h2>
                <div class="row" style="padding-bottom: 15px">
                    <button type="button" class="btn btn-primary btn-block" style="text-align:left; margin-bottom:2px">CPU Utilization</button>
                    <img src="media/screenshots/1_CPU_Utilization.PNG" alt="1_CPU_Utilization" style="width:100%" class="rounded">
                </div>

                <div class="row" style="padding-bottom: 15px">
                    <button type="button" class="btn btn-primary btn-block" style="text-align:left; margin-bottom:2px">Load Average in 1/5/15 minutes</button>
                    <img src="media/screenshots/2 _Load_Average_in_1515_Minutes.PNG" alt="1_CPU_Utilization" style="width:100%" class="rounded">
                </div>

                <div class="row" style="padding-bottom: 15px">
                    <button type="button" class="btn btn-primary btn-block" style="text-align:left; margin-bottom:2px">System Memory</button>
                    <img src="media/screenshots/3_System_Memory.PNG" alt="1_CPU_Utilization" style="width:100%" class="rounded">
                </div>

                <div class="row" style="padding-bottom: 15px">
                    <button type="button" class="btn btn-primary btn-block" style="text-align:left; margin-bottom:2px">Processes Memory (USS, PSS, RSS)</button>
                    <img src="media/screenshots/4_Processes_Memory_USS-PSS-RSS.PNG" alt="1_CPU_Utilization" style="width:100%" class="rounded">
                </div>

                <div class="row" style="padding-bottom: 15px">
                    <button type="button" class="btn btn-primary btn-block" style="text-align:left; margin-bottom:2px">Processes Memory Pie Chart</button>
                    <img src="media/screenshots/5_Processes_Memory_Pie_Graph.PNG" alt="1_CPU_Utilization" style="width:100%" class="rounded">
                </div>

                <div class="row" style="padding-bottom: 15px">
                    <button type="button" class="btn btn-primary btn-block" style="text-align:left; margin-bottom:2px">IO Throughput</button>
                    <img src="media/screenshots/6_IO_Throughput.PNG" alt="1_CPU_Utilization" style="width:100%" class="rounded">
                </div>

                <div class="row" style="padding-bottom: 15px">
                    <button type="button" class="btn btn-primary btn-block" style="text-align:left; margin-bottom:2px">Proccesses IO</button>
                    <img src="media/screenshots/7_Processes_IO.PNG" alt="1_CPU_Utilization" style="width:100%" class="rounded">
                </div>

                <div class="row" style="padding-bottom: 15px">
                    <button type="button" class="btn btn-primary btn-block" style="text-align:left; margin-bottom:2px">Performance Counter Profile</button>
                    <img src="media/screenshots/8_Performance_Counter_Profile.PNG" alt="1_CPU_Utilization" style="width:100%" class="rounded">
                </div>

                <div class="row" style="padding-bottom: 15px">
                    <button type="button" class="btn btn-primary btn-block" style="text-align:left; margin-bottom:2px">CPU Glamegraph</button>
                    <img src="media/screenshots/9_CPU_FlameGraph.PNG" alt="1_CPU_Utilization" style="width:100%" class="rounded">
                </div>
            </div>
        </section>

    <section id="presentation" class="features section">
        <div class="container text-center">
            <h2 class="title">Presented at</h2>
            <ul class="feature-list list-unstyled">

                <li><i class="fa fa-check"></i> Zhongnan mountain kernel summit 2017, Xi'an <a href="media/zhong_nan_shan.pptx" target="_blank">   <i class="fa fa-download"></i> Download Slides</a></li></li>

                <li><i class="fa fa-check"></i> MDCC(Mobile Developer Conference China) 2016, Beijing </li>

                <li><i class="fa fa-check"></i> China Open Source Conference 2016, Beijing</li>

                <li><i class="fa fa-check"></i> CLK (China Linux Kernel) 2016, Shanghai <a href="media/LEP-introduction.pptx" target="_blank">   <i class="fa fa-download"></i> Download Slides</a></li></li>

                <li><iframe height=498 width=510 src='http://player.youku.com/embed/XMTc4MDc5ODk1Ng==' frameborder=0 'allowfullscreen'></iframe></li>

            </ul>
        </div><!--//container-->
    </section><!--//features-->

    <!-- ******CONTACT****** --> 
    <section id="about" class="docs section has-pattern">
        <div class="container">
            <div class="contact-inner">
                <h2 class="title  text-center">Co-Founders</h2>
                <ul class="feature-list list-unstyled text-center">
                    <li><i class="fa fa-envelope"></i> <a href="mailto:21cnbao@gmail.com" target="_top">Barry Song</a> </li>
                    <li><i class="fa fa-envelope"></i> <a href="mailto:lliubbo@gmail.com" target="_top">Bob Liu</a> </li>
                    <li><i class="fa fa-envelope"></i> <a href="mailto:shinyxxn@hotmail.com" target="_top">Mac Xu</a> </li>
                    <li><i class="fa fa-envelope"></i> <a href="mailto:chensong@linuxep.com" target="_top">Song Chen</a> </li>
                </ul>

                <br/>
                <h2 class="title  text-center">Partners</h2>
                <ul class="feature-list list-unstyled text-center">
                    <li><i class="fa fa-envelope"></i> <a href="#" target="_top">Linux 3+1 Lab of Xi`an University of Posts & Telecommunications</a> </li>
                </ul>

            </div><!--//contact-inner-->

        </div><!--//container-->
    </section><!--//contact-->  
      
    <!-- ******FOOTER****** --> 
    <footer class="footer">
        <div class="container text-center">
            <!--/* This template is released under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using for your own project. Thank you for your support. :) If you'd like to use the template without the attribution, you can check out other license options via our website: themes.3rdwavemedia.com */-->
            <small class="copyright">Powered by <a href="https://github.com/linuxep/" target="_blank">LEP team</a></small>
        </div><!--//container-->
    </footer><!--//footer-->
     
    <!-- Javascript -->          
    <script type="text/javascript" src="assets/plugins/jquery-1.11.3.min.js"></script>   
    <script type="text/javascript" src="assets/plugins/jquery.easing.1.3.js"></script>   
    <script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>     
    <script type="text/javascript" src="assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script> 
    <script type="text/javascript" src="assets/plugins/prism/prism.js"></script>    
    <script type="text/javascript" src="assets/js/main.js"></script>       
</body>
</html> 

